<div class="widget_inside">
    <h4>Art&iacute;culos de la transacci&oacute;n</h4>
    <table id="items-compras" class="regular">
        <thead>
            <tr>
                <th>Marca</th>
                <th>Modelo</th>
                <th>Cantidad</th>
                <th>Unidad</th>
                <th>Valor Unitario ($)</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for item in items %}
            <tr id="{{ item.id }}" data-owned="1" data-id-articulo="{{item.articulo.id}}">
                <td>{{ item.articulo.marca }}</td>
                <td>{{ item.articulo.modelo }}</td>
                <td>
                    <input type="text" value="{{item.cantidad}}"
                           class="item-attribute small" 
                           name="ItemsCompras[{{loop.index}}][cantidad]"/>
                </td>
                <td>
                     <select name="ItemsCompras[{{loop.index}}][unidad]" class="item-attribute">
                         <option value='1' {%if item.isTipoUnidad == 1 %}selected="selected"{%endif%}>
                             {{item.articulo.tipoUnidad.nombre}}
                         </option>
                        <option value='0' {%if item.isTipoUnidad == 0 %}selected="selected"{%endif%}>
                            {{item.articulo.tipoUnidad2.nombre}}
                        </option>
                     </select>
                </td>
                <td>
                    <input type="text" value="{{item.valor}}"
                           name="ItemsCompras[{{loop.index}}][valor]"
                           class="item-attribute small" />
                </td>
                <td>
                    <input type="hidden" name="ItemsCompras[{{loop.index}}][id]" value="{{item.id}}" />
                    <input type="hidden" name="ItemsCompras[{{loop.index}}][status]" class="item-status" value="Unchanged" />
                    <button class="compras-quitar-item button small">Quitar</button>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>